.contain {
    margin: .4rem .25rem;
    height: calc(100% - 1.62rem - .26rem - .26rem);
    width: calc(100% - .5rem - .9rem);
    background-image: url('../img/bg1.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    padding: .26rem .45rem .26rem .45rem;
}

.search-bar {
    padding: .31rem 0 .27rem 0;
}

.search-bar>div {
    display: inline-block;
    margin-right: .1rem;
}

.tab-item {
    width: 1.09rem;
    height: .36rem;
    line-height: .36rem;
    text-align: center;
    background-image: url('../img/btndefault.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    color: #BDDFFF;
    font-weight: bold;
    display: inline-block;
    margin-right: .15rem;
}

.tab-item.active {
    background-image: url('../img/btnactive.png');
    color: #fff;
}

.tab-item:hover {
    opacity: .7;
}